<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>京东的某个商品的价格信息</title>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<div>
			商品编号: <span id="id"></span>
		</div>
		<div>
			商品价格: <span id="price"></span>
		</div>
	</body>
	<script>	
		//发起ajax请求
		$.ajax({
			type:"get",
			url:"https://p.3.cn/prices/mgets?skuIds=J_100010378153",
			dataType:"jsonp",
			success: function(data){
				console.log(data);
				var obj = data; //把data赋值给obj
				
			//获取数组的第一条记录,访问P属性
			var price = obj[0].p;
			var id = obj[0].id;
			
			console.log(price);
			console.log(id);
			
			//3.把内容写到页面进行展现
			$('#id').text(id);  //span标签属性写法
			$('#id').css('color','blue');
			$('#price').text(price).css('color','red');	
			}
		});

	</script>
</html>
